<template>
  <el-dropdown>
      <span class="el-dropdown-link">
        糖果雪梨<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>个人信息</el-dropdown-item>
          <el-dropdown-item>退出</el-dropdown-item>
        </el-dropdown-menu>
      </template>
</el-dropdown>
</template>

<script>
export default {
    name: 'User'
}
</script>

<style scoped>
.el-dropdown-link {
    cursor: pointer;
    color: #fff;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  .demonstration {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
  }
</style>